html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.MapClass, .checkApplyClass, .db_MapServerClass, .syrContrastAnalysisClass, .syrMonitorResultClass {
    width: 100%;
    height: 100%;
}

.SwitchMap {
    position: absolute;
    right: 20px;
    top: 20px;
}

.MapToolBarDiv {
    position: absolute;;
    right: 0px;
    top: 0px;
}

.HomeButtonClass {
    position: absolute;
    top: 95px;
    left: 20px;
    z-index: 50;
}

.esriLargeSliderTicks {
    display: none;
}

.extentInfoClass {
    position: absolute;
    bottom: 20px;
    left: 10px;
}

#bottomPanel, #bottomPanel_monitor {
    left: 20%;
    right: 20%;
    margin: 0 auto;
    /*margin-left: -500px;*/
    position: absolute;
    bottom: 2.5em;
}

#timeInfo, #timeInfo_monitor {
    border-radius: 4px;
    border: solid 2px #ccc;
    background-color: #fff;
    display: block;
    padding: 5px;
    position: relative;
    text-align: center;
    /*width: 600px;*/
    z-index: 99;
}

#mapDiv_taishiArea, #mapdiv_syrMonitorResult {
    position: relative;
}

#info {
    background: #fff;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 10px;
    font: 14px Segoe UI;
    width: 200px;
    text-align: center;
    border-radius: 0 10px 0 0;
    z-index: 99;
}

#info_monitor {
    background: #fff;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    /*font: 14px Segoe UI;*/
    width: 200px;
    text-align: left;
    border-radius: 10px;
    z-index: 99;
}

h3 {
    margin: 0 0 5px 0;
    /*border-bottom: 1px solid #444;*/
    text-align: center;
    font-size: 20px;
    font-family:"黑体",Georgia,Serif;
}

.shadow {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}